<?php

include_once("../controller/tipo_ocorrencia_controller_class.php");
include_once("../controller/ocorrencia_controller_class.php");
include_once("../controller/especialidade_controller_class.php");
include_once("../controller/campus_controller_class.php");
include_once("../controller/predio_controller_class.php");
include_once("../controller/sala_controller_class.php");

//    echo "<pre>";
//    var_dump($listaTipo);

$objEspec = new EspecialidadeController();
$listaCategoria = $objEspec->selecionar();

$objCampus = new CampusController();
$listaCampus = $objCampus->selecionar();

if (isset($_POST['cadastrar'])) {
    $categoria = $_POST['txtCategoria'];
    $ocorrencia = $_POST['txtTipo'];
    $comentario = $_POST['txtComentario'];
    $campus = $_POST['txtCampus'];
    $predio = $_POST['txtPredio'];
    $sala = $_POST['txtSala'];

    $funcionario = "";
    if (isset($_SESSION)) {
        $funcionario = $_SESSION['id'];
    }

    $foto = "";

    $objOcorrencia = new OcorrenciaController();

    if ($categoria == 0) {
        echo "<script>alert('Preencha a categoria!')</script>";
    } elseif ($ocorrencia == 0) {
        echo "<script>alert('Preencha a ocorrencia!')</script>";
    } elseif ($campus == 0) {
        echo "<script>alert('Selecione o campus!')</script>";
    } else {
        $semComentario = false;
        if ($categoria == 1) {
            if (empty($comentario)) {
                echo "<script>alert('Informe um Comentario sobre a ocorrência!')</script>";
                $semComentario = true;
            }
        }

        if (!$semComentario) {
            $arquivo = $_FILES['fotoOS'];
            $retorno = 1;
            if ($arquivo['error'] == 0) {
                $retorno = $objOcorrencia->salvarFoto($arquivo, '../uploads/locais/');
                if ($retorno != 0) {
                    $foto = $retorno;
                }
            }

            if (!empty($_FILES['fotoOS']) && ($retorno != 0) || ($retorno != 0)) {

                if ($objOcorrencia->cadastrar($categoria, $ocorrencia, $campus, $comentario, $foto, $predio, $sala, $funcionario)) {
                    echo "<script>alert('Cadastro Realizado com Sucesso!')</script>";
                    echo "<script>location.href='cadOsAnonimo.php'</script>";
                } else {
                    echo "<script>alert('erro')</script>";
                }
            }
        }
    }
    $objTipoOco = new TipoOcorrenciaController();
    $listaTipo = $objTipoOco->selecionarPorCategoria($categoria);

    $objSala = new SalaController();
    $salas = $objSala->selecionarSalasPorPredio($predio);

    $objPredio = new PredioController();
    $predios = $objPredio->selecionarPrediosPeloCampus($campus);
}
?>
<!DOCTYPE html>
<html lang="en" class="no-js">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <title>::: SOS UNITAU -- Sistema de ordem de serviço</title>

        <link rel="shortcut icon" href="img/logo.jpg">

        <script type="text/javascript" src="js/jquery1.6.min.js"></script>

        <script>
            $(document).ready(function () {
                $("#txtCampus").change(function () {

                    var id = $("#txtCampus").val();

                    $.post("../funcoes/func_sala.php", {campo: "campus", id: id}, function (data) {
                        $('#txtPredio').find('option').remove();
                        $('#txtPredio').append("<option value='0'>Selecione</option>");
                        $('#txtSala').find('option').remove();
                        $('#txtSala').append("<option value='0'>Selecione o Predio</option>");
                        $.each(data.predios, function (key, value) {
                            //                            alert(value.id + " - " + value.nome);
                            $('#txtPredio').append("<option value='" + value.id + "'>" + value.nome + "</option>");
                        });
                    }, "json").fail(function () {
                        alert("erro");
                    });
                });
                $("#txtPredio").change(function () {

                    var id = $("#txtPredio").val();

                    $.post("../funcoes/func_sala.php", {campo: "predio", id: id}, function (data) {
                        $('#txtSala').find('option').remove();
                        $('#txtSala').append("<option value='0'>Selecione</option>");
                        $.each(data.salas, function (key, value) {
                            //                            alert(value.id + " - " + value.identificacao);
                            $('#txtSala').append("<option value='" + value.id + "'>" + value.identificacao + "</option>");
                        });
                    }, "json").fail(function () {
                        alert("erro");
                    });
                });
                $("#txtSala").change(function () {

                    var id = $("#txtSala").val();

                    $.post("../funcoes/func_sala.php", {campo: "sala", id: id}, function (data) {

                    }, "json").fail(function () {
                        alert("erro");
                    });
                });

            });
        </script>

        <script>
            $(document).ready(function () {
                $("#txtCategoria").change(function () {
                    var cat = $("#txtCategoria").val();

                    $('#txtTipo').find('option').remove();
                    $.post("../funcoes/tipoPorCategoria.php", {id: cat}, function (retorno) {
                        $("#txtTipo").append("<option value='0'> Selecione</option>");

                        $.each(retorno, function (key, value) {
                            //                        alert(value.id + " " + value.nome);
                            $("#txtTipo").append("<option value='" + value.id + "'> " + value.nome + "</option>");
                        });


                    }, 'json').fail(function () {
                        alert("fail");
                    });

                });
            });
        </script>

    </head>


    <body>
        <div id="principal"> 
            <div class="logo"><img src="img/fundo-logo.png" width="180" height="180"></div>
            <form name="osAnonimo" id="osAnonimo" enctype="multipart/form-data" action="" method="post">
                <div class="login">
                    <div class="login-screen">
                        <div class="app-title">
                            <h1>Cadastre sua ocorrência</h1>
                        </div>

                        <div class="login-form">
                            <div class="control-group">
                                <label for="txtCategoria"> Escolha Categoria: </label>
                                <select name="txtCategoria" id="txtCategoria">
                                    <option value="0">Selecionar</option>
                                    <?php foreach ($listaCategoria as $categ) { ?>
                                        <option <?php
                                        if (@$categoria == $categ->getId()) {
                                            echo "selected";
                                        }
                                        ?> value="<?= $categ->getId() ?>"><?= $categ->getNome() ?></option>
                                        <?php } ?>
                                </select> 

                            </div>

                            <div class="control-group">
                                <label for="txtTipo"> Selecione o tipo:&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                <select name="txtTipo" id="txtTipo">
                                    <option value="0">Selecionar</option>
                                    <?php foreach ($listaTipo as $tipo) { ?>
                                        <option <?php
                                        if (@$ocorrencia == $tipo->getId()) {
                                            echo "selected";
                                        }
                                        ?>  value="<?= $tipo->getId() ?>"><?= $tipo->getDescricao() ?></option>

                                    <?php } ?> 
                                </select> 
                            </div>

                            <div class="control-group">
                                <label for="txtComentario"> Forneça um comentário: </label></br>
                                <textarea id="txtComentario" name="txtComentario" placeholder="Informe uma descrição..." style="width:400px; height:150px"></textarea>
                                </select> 
                            </div>
                            <div class="control-group">
                                <label for="txtComentario"> Inclua uma imagem: </label></br>
                                <input id="realupload" name="fotoOS" class="file" type="file" />
                            </div>


                            <div class="control-group">
                                <label for="txtCampus"> Campus: </label>
                                <select name="txtCampus" id="txtCampus">
                                    <option value="0">Selecione</option>	
                                    <?php foreach ($listaCampus as $camp) { ?>
                                        <option <?php
                                        if (@$campus == $camp->getId()) {
                                            echo "selected";
                                        }
                                        ?> value="<?= $camp->getId() ?>"><?= $camp->getNome() ?>
                                        </option>
                                        <?php } ?>
                                    </select> 

                                </div>

                                <div class="control-group">
                                    <label for="txtPredio"> Prédio:&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                    <select name="txtPredio" id="txtPredio">
                                        <option value="0">Selecione Campus</option>
                                        <?php if (count($predios) > 0) { ?>

                                            <?php foreach ($predios as $p) { ?>

                                                <option <?php
                                                if ($predio == $p->getId()) {
                                                    echo "selected";
                                                }
                                                ?> value="<?= $p->getId() ?>" ><?= $p->getNome() ?></option>
                                                <?php
                                                }
                                            }
                                            ?>
                                    </select> 
                                </div>

                                <div class="control-group">
                                    <label for="txtSala"> Sala:&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                    <select name="txtSala" id="txtSala">
                                        <option value="0">Selecione</option>
                                        <?php if (count($salas) > 0) { ?>

        <?php foreach ($salas as $s) { ?>

                                                <option <?php
                                                if ($sala == $s->getId()) {
                                                    echo "selected";
                                                }
                                                ?> value="<?= $s->getId() ?>" ><?= $s->getIdentificacao() ?></option>
                                                <?php
                                                }
                                            }
                                            ?>
                                </select> 
                            </div>



                            <input type="submit" value="Cadastrar" name="cadastrar" class="btn btn-primary btn-large btn-block" />
                        </div>
                    </div>
                </div>

            </form>
        </div>    

    </body>
</html>

<style>
    * {
        box-sizing: border-box;
    }

    *:focus {
        outline: none;
    }
    body {
        font-family: Arial;
        background-color: #023a7;
        padding: 50px;
    }
    .login {
        margin: 10px auto;
        width: 600px;
    }
    .login-screen {
        background-color: #FFF;
        padding: 20px;
        border-radius: 5px;
        border: solid 1px;
        border-color: #ECF0F1;
    }

    .app-title {
        text-align: center;
        color: #777;
    }

    .login-form {
        text-align: center;
    }
    .control-group {
        margin-bottom: 10px;

    }

    input, select, textarea {
        text-align: center;
        background-color: #ECF0F1;
        border: 2px solid transparent;
        border-radius: 3px;
        font-size: 16px;
        font-weight: 200;
        padding: 10px 0;
        width: 250px;
        transition: border .5s;
    }

    input:focus, select:focus, textarea:focus {
        border: 2px solid #3498DB;
        box-shadow: none;
    }

    .btn {
        border: 2px solid transparent;
        background: #3498DB;
        color: #ffffff;
        font-size: 16px;
        line-height: 25px;
        padding: 10px 0;
        text-decoration: none;
        text-shadow: none;
        border-radius: 3px;
        box-shadow: none;
        transition: 0.25s;
        display: block;
        width: 250px;
        margin: 0 auto;
    }

    .btn:hover {
        background-color: #2980B9;
    }

    .login-link {
        font-size: 12px;
        color: #444;
        display: block;
        margin-top: 12px;
    }
    .logo{
        margin:0 auto;	
        text-align: center;
    }

    #principal{
        width: 900px;
        height: 500px;
        margin: 0 auto;
    }




</style>